import React, { useState } from 'react';
import { Tabs } from 'antd';
import RandomDraw from './RandomDraw';
import WheelDraw from './WheelDraw';

const { TabPane } = Tabs;

const RandomTool = () => {
  const [tab, setTab] = useState('1');

  return (
    <div>
      <Tabs
        defaultActiveKey='1'
        activeKey={tab}
        onChange={setTab}>
        <TabPane
          tab='普通模式'
          key='1'>
          <RandomDraw />
        </TabPane>
        <TabPane
          tab='转盘模式'
          key='2'>
          <WheelDraw />
        </TabPane>
      </Tabs>
    </div>
  );
};

export default RandomTool;
